<template>
  <div>
    <!-- 插值表达式不能用于属性的渲染 -->
    <!-- 有一个指令专门用来渲染属性的值 v-bind bind绑定的意思 -->
    <!-- <a href="{{link}}">点击去百度</a> -->
    <!-- v-bind:属性名="js中data中变量" -->
    <!-- 标准的写法 -->
    <a v-bind:href="link" v-bind:title="title" v-bind:alt="title">点击去百度</a>
    <!-- 总是把前面冒号漏写 平时推荐的写法 -->
    <!-- 简写方式 -->
    <a :href="link" :title="title" :alt="title">点击去百度</a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      link: "https://www.baidu.com",
      title: "我是标题",
    };
  },
};
</script>

<style scoped></style>
